<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>uikit</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body>

<nav>
    <div class="container">
        <div class="nav clearfix">
            <ul>
                <li class="btn1"><a href="">Get Started</a></li>
                <li class="btn2"><a href="">Core</a></li>
                <li class="btn3"><a href="">Components</a></li>
                <li class="btn4"><a href="">Customizer</a></li>
                <li class="btn5"><a href="">Showcase</a></li>
                <li class="btn6"><a href="">Tutorial</a></li>
            </ul>
        </div>
    </div>
</nav>

<header>
    <div class="container">
        <div class="header">
            <img src="img/logo.png" alt="">
            <div class="p1">
                <p>A ligthweight and modular front_end framework</p>
                <p>for developing fast and powerful web interfaces</p>
            </div>
            <a href="#">Download</a>
        </div>
    </div>
</header>
<div class="main">
    <div class="container">
        <div class="pp1">
            <h1>Features</h1>
            <p>Uluit gives you a comprehensive collection of HTML,CSS,and JS components</p>
            <p>which is simple to use,easy to customize and extendable</p>
        </div>
        <div class="row pp2">
            <div class="col-md-3 col-12">
                <h4>LESS</h4>
                <p>Ulkit is developed in LESS & SASS to</p>
                <p>write well-structured,extendable code</p>
                <p>which is easy to maintain</p>
            </div>
            <div class="col-md-3 col-12">
                <h4>Components</h4>
                <p>A collection of small,responsive</p>
                <p>components suing consistent and</p>
                <p>conflict-free naming conventions.</p>
            </div>
            <div class="col-md-3 col-12">
                <h4>Customizer</h4>
                <p>Ulkit's very basic style can be</p>
                <p>extended with themes and is easy to</p>
                <p>customize to create your own look.</p>
            </div>
            <div class="col-md-3 col-12">
                <h4>Recponsive</h4>
                <p>With the moblile-first approach Uklit</p>
                <p>provides a consistent experience form</p>
                <p>phones and tables to deskitops.</p>
            </div>
        </div>
    </div>
</div>
<div class="namber">
    <div class="container">
        <p>Become a part of the Ulkit community.</p>
        <div class="row">
            <div class="col-md-4 col-12 pp6">
                <div class="div-1">
                    <div class="pp3">
                        <img src="img/1.png" alt="">
                        <p class="card-text">Twltter</p>
                    </div>
                    <div class="pp4">
                        <p>Follow us on Twitter and be the first to</p>
                        <p>receive news and updates.We are open for</p>
                        <p>your feedback and questions</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 col-12 pp6">
                <div class="div-1">
                    <div class="pp3">
                        <img src="img/1.png" alt="">
                        <p class="card-text">Twltter</p>
                    </div>
                    <div class="pp4">
                        <p>Follow us on Twitter and be the first to</p>
                        <p>receive news and updates.We are open for</p>
                        <p>your feedback and questions</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 col-12 pp6">
                <div class="div-1">
                    <div class="pp3">
                        <img src="img/1.png" alt="">
                        <p class="card-text">Twltter</p>
                    </div>
                    <div class="pp4">
                        <p>Follow us on Twitter and be the first to</p>
                        <p>receive news and updates.We are open for</p>
                        <p>your feedback and questions</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<footer>
    <div class="container">
        <p>Made by YOOtheme with love and caffeine</p>
        <p>Licensed under MIT license</p>
    </div>
</footer>
</body>
</html>